<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="container-fluid">
    <div class="form-horizontal">
        <div class="form-group">
            <label for="color" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">color</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="color" id="color">
            </div>
            <label for="date" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">date</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="date" id="date" name="date">
            </div>
        </div>
        <div class="form-group">
            <label for="datetime" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">datetime</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="datetime" id="datetime" name="datetime">
            </div>

            <label for="email" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">email</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="email" id="email" name="email">
            </div>
        </div>
        <div class="form-group">
            <label for="tel" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">tel</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="tel" id="tel" name="tel">
            </div>
            <label for="number" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">number</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="number" id="number" name="number">
            </div>
        </div>
        <div class="form-group">
            <label for="datetime-local"
                   class="col-sm-2 col-sm-offset-0 control-label no-padding-right">datetime-local</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="datetime-local" id="datetime-local" name="datetime-local">
            </div>
            <label for="file" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">file</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="file" id="file" name="file">
            </div>
        </div>
        <div class="form-group">
            <label for="range" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">range</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="range" id="range" name="range">
            </div>
            <label for="search" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">search</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="search" id="search" name="search">
            </div>
        </div>
        <div class="form-group">
            <label for="url" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">url</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="url" id="url" name="url">
            </div>
            <label for="week" class="col-sm-2 col-sm-offset-0 control-label no-padding-right">week</label>
            <div class="col-sm-4 col-sm-offset-0">
                <input type="week" id="week" name="week">
            </div>
        </div>
    </div>
</div>
<div tabindex="-1" class="modal fade form in" id="root" role="dialog" aria-hidden="false"
     aria-labelledby="myModalLabel">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="widget no-padding">
                <div class="widget-header bg-themeprimary ">
                    <i class="widget-icon fa fa-user"></i>
                    <span class="widget-caption">部门经理审批</span>
                    <div class="widget-buttons">
                        <a data-dismiss="modal">
                            <i class="fa fa-times"></i>
                        </a>
                    </div>
                </div>
                <div class="widget-body">
                    <div class="widget-main ">
                        <div class="tabbable" id="ActivityProperty">
                            <ul class="nav nav-tabs" id="tabNav">
                                <li class="active"><a aria-expanded="true" href="#ec79d20c-888b-5897-5142-fc97c2fc679b"
                                                      data-toggle="tab">基本设置</a></li>
                                <li class="tab-red"><a aria-expanded="false"
                                                       href="#e3633876-3398-9ece-e7b1-a61b0bc2f8b8" data-toggle="tab">人员设置</a>
                                </li>
                                <li class="tab-red"><a aria-expanded="false"
                                                       href="#6355f171-c4f1-b338-031e-501a1e9ffb6a" data-toggle="tab">回退设置</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane in active" id="ec79d20c-888b-5897-5142-fc97c2fc679b">
                                    <div>
                                        <div class="Prop">节点名称：<input id="activityName" type="text"></div>
                                        <div class="Long">描述：<textarea id="DESCRIPTION"></textarea></div>
                                        <div class="Prop">完成方式：<select style="width: 120px; margin-right: 0px;">
                                            <option value="0">单一</option>
                                            <option value="1">百分比</option>
                                            <option value="2">数量</option>
                                            <option value="3">全部</option>
                                        </select><input disabled="disabled" style="width: 25px;"></div>
                                        <div class="Prop">选人方式：<select>
                                            <option value="0">手工选人</option>
                                            <option value="1">自动选人</option>
                                        </select></div>
                                        <div class="Prop">打开模式：<select>
                                            <option value="0">强制保留痕迹</option>
                                            <option value="1">核稿模式</option>
                                            <option value="2">普通编辑模式</option>
                                            <option value="3">只读模式</option>
                                            <option value="4">手写模式</option>
                                        </select></div>
                                        <div class="checkBox"><input type="checkbox">是否限制上传附件</div>
                                        <div style="width: 600px; height: 25px; margin-left: 20px; border-bottom-color: gray; border-bottom-width: 1px; border-bottom-style: solid; float: left;"></div>
                                        <div class="checkBox"><input type="checkbox">是否编辑表单</div>
                                        <div class="checkBox"><input type="checkbox">是否可以上传附件</div>
                                        <div class="checkBox"><input type="checkbox">是否查看审批历史</div>
                                        <div class="checkBox"><input type="checkbox">是否提交意见</div>
                                        <div class="checkBox"><input type="checkbox">是否终止流程</div>
                                        <div class="checkBox"><input type="checkbox">是否需要签名</div>
                                        <div class="checkBox"><input type="checkbox">是否转批</div>
                                        <div class="checkBox"><input type="checkbox">是否传阅</div>
                                        <div class="checkBox"><input type="checkbox">合并审批节点</div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="e3633876-3398-9ece-e7b1-a61b0bc2f8b8">
                                    <div>
                                        <div class="checkBox"><input name="patype" type="radio" checked="checked"
                                                                     value="0">角色
                                        </div>
                                        <div class="checkBox"><input name="patype" type="radio" value="1">活动</div>
                                    </div>
                                    <div style="width: 100%; float: left; display: block;">
                                        <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                            <div style="width: 250px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; float: left;">
                                                <div style="margin-left: 70px; float: left;"><h3>可选角色</h3></div>
                                                <div title="刷新" style="margin-left: 5px; float: left; cursor: pointer;">
                                                    <img style="width: 18px; height: 18px;"
                                                         src="/assets/js/workflow/images/toolbar/Images/refresh.png">
                                                </div>
                                            </div>
                                            <div style="width: 250px; text-align: center; float: left;"><select
                                                    class="select" style="height: 200px;" multiple="multiple">
                                                <option title="普通员工" value="1000">普通员工</option>
                                                <option title="分管领导" value="1002">分管领导</option>
                                                <option title="财务主管" value="1003">财务主管</option>
                                                <option title="项目主管" value="1004">项目主管</option>
                                                <option title="总经理" value="1005">总经理</option>
                                                <option title="出纳" value="1006">出纳</option>
                                            </select></div>
                                        </div>
                                        <div style="width: 15px; font-size: 12px; margin-top: 100px; float: left;">
                                            <input type="button" value="右移"><input style="margin-top: 5px;"
                                                                                   type="button" value="左移"></div>
                                        <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                            <div style="width: 250px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; float: left;">
                                                <h3>已选角色</h3></div>
                                            <div style="width: 250px; text-align: center; float: left;">
                                                <ul style="border: 1px solid rgb(101, 142, 228); border-image: none; height: 198px; overflow: auto;">
                                                    <li style="width: 240px; height: 20px; line-height: 20px; padding-left: 5px; font-size: 12px;">
                                                        <input name="participantid" style="display: none;" value="1001"><span
                                                            style="float: left; background-color: transparent;">部门经理</span><select
                                                            style="width: 70px; margin-right: 5px; float: right; background-color: transparent;">
                                                        <option selected="selected" value="0">私有</option>
                                                        <option value="1">全局</option>
                                                    </select></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <div style="width: 100%; float: left; display: none;">
                                        <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                            <div style="width: 250px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; float: left;">
                                                <h3>可选步骤</h3></div>
                                            <div style="width: 250px; text-align: center; float: left;"><select
                                                    class="select" id="selectCanSelectActivity" style="height: 220px;"
                                                    multiple="multiple">
                                                <option title="请假申请" value="146">请假申请</option>
                                            </select></div>
                                        </div>
                                        <div style="width: 15px; font-size: 12px; margin-top: 100px; float: left;">
                                            <input type="button" value="右移"><input style="margin-top: 5px;"
                                                                                   type="button" value="左移"></div>
                                        <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                            <div style="width: 250px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; float: left;">
                                                <h3>已选步骤</h3></div>
                                            <div style="width: 250px; text-align: center; float: left;"><select
                                                    class="select" id="selectSelectedActivity" style="height: 220px;"
                                                    multiple="multiple"></select></div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane" id="6355f171-c4f1-b338-031e-501a1e9ffb6a">
                                    <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                        <div style="width: 250px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-weight: bold; float: left;">
                                            <h3>可退回节点</h3></div>
                                        <div style="width: 250px; text-align: center;"></div>
                                        <select class="select" id="selectCanReturnRule" multiple="multiple">
                                            <option value="91125867-346b-17e7-2025-99905cf0b7cb">请假申请</option>
                                        </select></div>
                                    <div style="width: 15px; font-size: 12px; margin-top: 100px; float: left;"><input
                                            type="button" value="右移"><input style="margin-top: 5px;" type="button"
                                                                            value="左移"></div>
                                    <div style="width: 250px; margin-right: 25px; margin-left: 25px; float: left;">
                                        <div style="width: 250px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-weight: bold; float: left;">
                                            <h3>退回节点</h3></div>
                                        <div style="width: 250px; text-align: center;"></div>
                                        <select class="select" id="selectReturnRule" multiple="multiple"></select></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success" id="btnActivityPropOK" type="button">
                        确定
                    </button>
                    <button class="btn btn-danger" type="button" data-dismiss="modal">
                        取消
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script>
    function init() {
        var arr = [-1, 1, 1, 1, 1, 1, 3, 4, 5, 6, 6];
//        debugger;
//        alert(find2(arr, 0, arr.length, 4));
//        alert(sum(2));
//        alert(fb(17));
//        alert(abc(100));
//        $('#root').modal('show');
    }

    /*
     二分查找
     */
    function find2(arr, left, right, v) {
        if (left < right) {
            var mid = parseInt((left + right) / 2);
            if (arr[mid] == v) {
                return parseInt(mid);
            }
            else if (arr[mid] < v) {
                left = mid - 1;
                return find2(arr, left, right, v);
            } else if (arr[mid] > v) {
                right = mid + 1;
                return find2(arr, left, right, v);
            }
        } else {
            return 0;
        }
    }
    function sum(i) {
        if (i > 0) {
            return i + sum(--i)
        } else {
            return i;
        }
    }
    /*
     递归-斐波那契数列1,1,2,3,5,8,13.
     */
    function fb(x) {
        debugger;
        if (x == 1) {
            return x;
        } else if (x >= 2) {
            return fb(x - 2) + fb(x - 1)
        } else {
            return 0;
        }
    }
    /*
     有个数列1、5、9、13、17.照这样的规律第20个数是（),第一百个数是（）
     */
    function abc(x) {
        if (x > 1) {
            return abc(x - 1) + 4;
        } else if (x == 1) {
            return 1;
        } else {
            return x + 4;
        }
    }
    function dispose() {
    }
</script>
</html>